{% extends "main_layout.html" %}

{% block content %}
	<div class="container">
      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit">
        <h1>Hello, world!</h1>
        <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
        <p><a href="#" class="btn btn-primary btn-large">Learn more &raquo;</a></p>
      </div>      

      <!-- Example row of columns -->
      <div class="row">
        {% for book in books %} 
            <div class="span4">         
                <h2>{{ book.title }}</h2>
                <p> {{ book.description }}</p>
                <p><a class="btn" href="/books/id/{{ book.id }}">Читать &raquo;</a></p>
            </div>
        {% endfor %}       
      </div>
    </div> <!-- /container -->
{% endblock %}